<template>
<view class="box">
    <view class="box1">
      <view class="box12">
       <view class="box13"><image src="/static/image23.png" /></view>
       <view class="box14">添加地址</view>
       <view class="box19"><image src="/static/image19.png" /></view>
      </view>
      <view class="box2">
        <view class="box21">
          <image src="/static/image7.png" />
        </view>
        <view class="box22">男运动鞋秋季男鞋青少年正品透...</view>
        <view class="box23">标准白;42</view>
        <view class="box24">￥890.00</view>
        <view class="box25">×1</view>
        <view class="box26">
          优惠金额
        </view>
        <view class="box27">￥25</view>
        <view class="box28">运费</view>
        <view class="box29">免运费</view>
        <view class="box30">实付金额</view>
        <view class="box31">￥865</view>
        <view class="box32">备注</view>
        <view class="box33">请填写备注</view>
      </view>
    <view class="cforder-center">
      <uv-radio-group
        v-model="radiovalue"
        placement="column"
        iconPlacement="right"
        iconColor="#fff"
        activeColor="#fc4626"
      >
        <view class="flex">
          <image src="/static/微信.png"></image
          ><uv-radio name="微信支付" label="微信支付"></uv-radio>
        </view>
        <view class="flex"
          ><image src="/static/支付宝.png"></image
          ><uv-radio name="支付宝" label="支付宝"></uv-radio>
        </view>
        <view class="flex">
          <image src="/static/余额.png"></image>
          <uv-radio name="余额" label="余额"></uv-radio>
        </view>
      </uv-radio-group>
    </view>
    <view class="box5">
        <view class="box51">
         合计:
        </view>
        <view class="box52">￥890.00</view>
        <view class="box53">
          <uv-button type="primary" color="red" shape="circle" text="立即支付"></uv-button>
        </view>
      </view>
      </view>
      </view>
</template>

<script>
  export default {
    data() {
      return {
        radiovalue: "微信支付",
      list: {
        price: 100,
        dikou: 50,
      }
      }
    },
    methods: {
     
    }
  }
</script>

<style>
.cforder-center {
     /* display: flex; */
    width: 93%;
    margin: auto;
    position: absolute;
    margin-left: 20rpx;
    margin-top: 1060rpx;
     /* margin-bottom: 200rpx; */
    border-radius: 20rpx;
    overflow: hidden;
    }
    image {
      width: 60rpx;
      height: 60rpx;
    }
 
  .flex{
      display: flex;
       /* justify-content: space-between; */
      background-color: #fff;
      padding: 20rpx;
       /* border: 1px solid red; */
     
  }
  .uv-radio {
        width: 90%;
        margin: auto;
    }
.box53{
  width: 230rpx;
  margin-left: 490rpx;
  margin-top: -60rpx;
}
.box52{
  margin-left: 140rpx;
  color: red;
  font-size: 38rpx;
  margin-top: -50rpx;
}
.box51{
  font-size: 40rpx;
  margin-left: 30rpx;
  margin-top: 66rpx;
}
.box5{
  background-color: white;
  margin-top:1470rpx;
  position: absolute;
  width: 750rpx;

  height: 180rpx;
  
}
.box33{
  margin-left: 500rpx;
  color: darkgray;
  margin-top: -40rpx;
}
.box32{
  margin-left: 25rpx;
  margin-top: 50rpx;
  color: rgb(96, 95, 95);
}
.box31{
  margin-left: 580rpx;
  margin-top: -40rpx;
}
.box30{
  margin-left: 25rpx;
  margin-top: 50rpx;
  color: rgb(96, 95, 95);
}
.box29{
  margin-left: 560rpx;
  margin-top: -40rpx;
}
.box28{
  margin-left: 25rpx;
  margin-top: 50rpx;
  color: rgb(96, 95, 95);
}
.box27{
  margin-left: 600rpx;
  margin-top: -40rpx;
}
.box26{
  margin-top: 80rpx;
  margin-left: 25rpx;
  color: rgb(96, 95, 95);
}
.box25{
  margin-left:420rpx;
  margin-top: -38rpx;
  color: darkgray;
  font-size: 27rpx;
}
.box24{
  margin-left: 290rpx;
  margin-top: 70rpx;
  font-size: 35rpx;
  color: red;
}
.box23{
  margin-left:290rpx;
  font-size: 27rpx;
  margin-top: 20rpx;
  color: darkgray;
}
.box22{
  margin-left: 280rpx;
  margin-top: -250rpx;
  font-size: 28.5rpx;
  /* font-weight:500; */
}
.box21 image{
  width: 270rpx;
  height: 260rpx;
  margin-left: 10rpx;
  margin-top: 20rpx;
}
.box2{
  background-color: white;
  margin-top:320rpx;
  position: absolute;
  width: 700rpx;
  margin-left: 25rpx;
  height: 700rpx;
  border-radius: 25rpx;
}
.box14{
  margin-left: 300rpx;
  margin-top: -82rpx;
  position: absolute;
  color: darkgray;
  font-size: 45rpx;
}
.box19 image{
  margin-top: 30rpx;
  width: 700rpx;
  height: 50rpx;
}
.box13 image{
  width: 90rpx;
  height: 90rpx;
  margin-left: 200rpx;
  margin-top: 60rpx;
}
.box12{
  background-color: white;
  margin-top: 30rpx;
  position: absolute;
  width: 700rpx;
  margin-left: 25rpx;
  height: 256rpx;
  border-radius: 25rpx;
}
.box{
  background-color: rgb(244, 241, 241);
  height: 1645rpx;
}
</style>
